<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>v-on:mouseover</title>
		<style>
			#div {
				background-color: red;
			}
		</style>
		<script src="js/vuejs-2.5.16.js"></script>
	</head>

	<body>
		<div id="app">
			<div @mouseover="fun1('你好')" @mouseleave="fun3('222移出')" id="div">
				<textarea @mouseover="fun2($event)">这是一个文件域</textarea>
			</div>
			{{message}}
		</div>
	</body>
	<script>
		//view model
        new Vue({
            el:'#app',
            data:{
                message:'hello world'
            },
            methods:{
                fun1:function (msg) {
                    this.message=msg;
                },
                fun2:function (event) {
					alert("将军金甲夜不脱")
                },
				fun3:function (msg) {
					alert(msg)
                }
            }

        });
	</script>

</html>